<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Marked in the browser</title>

    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.6/build/styles/default.min.css">
    <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.6/build/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>

<body>
    <div id="top">
        <center>Marked in the browser</center>
    </div>
    <div id="input">
        <textarea id="input_text" wrap="logical" onkeyup="look()">
## 555
            </textarea>
    </div>
    <div id="content"></div>
    <div id="line"></div>
    <script src="js/marked.min.js"></script>

    <script>
        function init() {
            input_text = document.getElementById('input_text').value;
            document.getElementById('content').innerHTML = marked(input_text);
        }
        function look() {
            input_text = document.getElementById('input_text').value;
            document.getElementById('content').innerHTML = marked(input_text);
        }
        init();

    </script>
</body>

</html>